<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./cart.css">
</head>

<body>
    <section class="header_nav">
        <img src="./img/xz.png" alt="" class="xz">
        <p class="shopCart">购物车</p>
        <img src="./img/search.png" alt="" class="sos">
    </section>
    <section class="main">
        <div class="main_top">
            <span>登录后享受更多优惠</span>
            <em class="denglu">去登录</em>
            <img src="./img/xz.png" alt="" class="xy">
        </div>
        <div class="noitems">
            <img src="./img/gowuche.png" alt="" class="gwc">
            <span>购物车还是空的</span>
            <em>去逛逛</em>
        </div>
        <div class="recommend-top-img">
            <img src="./img/cainixihuan.jpg" alt="">
        </div>
        <!-- 1 -->
        <div class="recommend-list">
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
        </div>
        <!-- 2 -->
        <div class="recommend-list">
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
        </div>
        <!-- 3 -->
        <div class="recommend-list">
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
        </div>
        <!-- 4 -->
        <div class="recommend-list">
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
        </div>
        <!-- 5 -->
        <div class="recommend-list">
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
        </div>
        <!-- 6 -->
        <div class="recommend-list">
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
        </div>
        <!-- 7 -->
        <div class="recommend-list">
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
        </div>
        <!-- 8 -->
        <div class="recommend-list">
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
        </div>
        <!-- 9 -->
        <div class="recommend-list">
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
        </div>
        <!-- 10 -->
        <div class="recommend-list">
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
            <div class="goods-item">
                <img src="./img/feshan.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <p class="goods-price">
                        <span>￥289</span>
                        <i>￥<s>299</s></i>
                    </p>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <ul style="display: flex;justify-content: space-between;">
            <li><a href="./index.html"><img src="./img/home.png" alt=""><span> 首页</span></a></li>
            <li><a href="./classification.html"><img src="./img/classification.png" alt=""> <span>分类</span></a></li>
            <li><a href="./cart.html"><img src="./img/cart.png" alt=""> <span>购物车</span></a></li>
            <li><a href="./my.html"><img src="./img/my.png" alt=""> <span>我的</span></a></li>
        </ul>
    </footer>
</body>

</html>